<!-- 选择开发者类型页面 -->
<script setup>
import { computed } from "vue";
// import { useI18n } from 'vue-i18n'
// import { useLayoutThemeStore } from '@/store/layout/layoutTheme.js'
// import { useUserStore } from '@/store/business/user.js'
import { useRouter } from "vue-router";

// const { t } = useI18n()
// const layoutSetting = useLayoutThemeStore().layoutSetting
// const borderRadius = computed(() => layoutSetting.borderRadius)
// const userStore = useUserStore()

const router = useRouter();
let hasType = computed(() => router.currentRoute.value.query.type);
</script>

<template>
  <div v-if="hasType == 'selectType'">
    <a-row
      style="
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
      "
    >
      <a-col :xs="{ span: 10, offset: 1 }" :lg="{ span: 8, offset: 2 }">
        <h1 class="text-center" style="color: #31bc63">企业开发者</h1>
        <h3 class="text-center">人工审核（5个工作日内）</h3>
        <a-button
          class="w100% h66px mt20px mb20px"
          type="primary"
          :loading="iconLoading"
          html-type="submit"
          style="font-size: 24px"
          @click="() => router.push('/signIn?type=firm')"
        >
          立即认证
        </a-button>
        <div class="ml12px">
          <a-typography-paragraph>使用类型</a-typography-paragraph>
          <a-typography-paragraph type="secondary">
            适用于企业或机构
          </a-typography-paragraph>
          <a-typography-paragraph> 申请资料 </a-typography-paragraph>
          <a-typography-paragraph type="secondary">
            需要提供企业或机构注册信息（如营业执照、邮箱等）
          </a-typography-paragraph>
        </div>
      </a-col>
      <a-col :xs="{ span: 10, offset: 1 }" :lg="{ span: 8, offset: 2 }">
        <h1 class="text-center" style="color: #31bc63">个人开发者</h1>
        <h3 class="text-center">人工审核（5个工作日内）</h3>
        <a-button
          class="w100% h66px mt20px mb20px"
          type="primary"
          :loading="iconLoading"
          html-type="submit"
          style="font-size: 24px"
          @click="() => router.push('/signIn?type=personage')"
        >
          立即认证
        </a-button>
        <div class="ml12px">
          <a-typography-paragraph>使用类型</a-typography-paragraph>
          <a-typography-paragraph type="secondary">
            适用于个人或小团队
          </a-typography-paragraph>
          <a-typography-paragraph> 申请资料 </a-typography-paragraph>
          <a-typography-paragraph type="secondary">
            需要提供个人身份信息（如身份证、手机号等）
          </a-typography-paragraph>
        </div>
      </a-col>
    </a-row>
  </div>
</template>

<style scoped lang="less">
.login-tip {
  font-size: 12px;
  text-align: center;
  color: #31bc63;
  cursor: pointer;
  font-style: normal;
}
.login_mode {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
</style>
